Estoy trabajando en un proyecto Angular y me encuentro con un problema en el que hacer clic en un enlace para abrir un modal provoca el siguiente error:
Se negó a ejecutar /cards:1 la URL de JavaScript porque infringe la siguiente directiva de Política de seguridad de contenido: "Script-src 'self'". Se requiere la palabra clave 'unsafe-inline', un hash ('sha256-....') o ninguno ('nonce-...') para habilitar la ejecución en línea.
Estoy confundido por este error porque hay muchas otras ubicaciones en el código donde hacer clic en un botón/desplegable/etc. hace que se abra un modal, pero no arroja el mismo error. También imagino que el script proviene de la propia aplicación. ¿Podría ser la etiqueta 'a' el problema? También la mención de "/cards:1" es interesante porque no es el componente en sí, sino el componente principal.
El código con el enlace/modal:
<error-badge> <error-item> <span>{{ text }}</span> <div> <a href="javascript:void(0)" (click)="openModal()"> {{ linkText }}} </a> </div> </error-item> </error-badge> <modal [(modalOpen)]="modalOpen"> {{ modalText }}} </modal>